<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no" />
<!-- 浏览器不会自动调整文件的大小,也就是说是固定大小,不会随着浏览器拉伸缩放。 -->
<meta name="MobileOptimized" content="320">
<!-- 添加到主屏幕“后，全屏显示-->
<meta name="apple-touch-fullscreen" content="yes">
<!-- 如果内容设置为YES，Web应用程序运行在全屏模式;
  否则，它不会。默认行为是使用Safari浏览器显示网页内容-->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<!-- 清浏览器缓存 -->
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
<link rel="stylesheet" type="text/css" href="../resources/css/base.css">
<title>车享收银台</title>
</head>
<body>
<!-- 阴影层 -->
<div class="shadow"></div>
<!-- 弹层 -->
<div class="dialog" data-name="check">
  <h2 class="title">支付确认</h2>
  <div class="dialog-body">
    <p>1、请在微信内完成支付，如果您已支付成功，请点击“已完成支付”按钮</p>
    <p>2、如果您还未安装微信6.0.2及以上版本客户端，请点击“重新选择支付方式”</p>
  </div>
  <div class="dialog-footer h_box">
    <a class="dialog-btn flex_1" onclick="hideDiv('check')">重新选择支付方式</a>
    <a href="javascript:void(0)" class="dialog-btn flex_1">已完成支付</a>
  </div>
</div>
<div class="dialog" data-name="noPay">
  <h2 class="title title2">支付不成功，请重新支付</h2>
  <div class="dialog-footer h_box">
    <a class="dialog-btn flex_1" onclick="hideDiv('noPay')">返回</a>
  </div>
</div>
<div class="dialog" data-name="zhifubao">
  <h2 class="title title2">是否打开网页支付宝付款？</h2>
  <div class="dialog-footer h_box">
    <a class="dialog-btn flex_1" onclick="hideDiv('zhifubao')">取消</a>
    <a href="javascript:void(0)" class="dialog-btn flex_1">打开</a>
  </div>
</div>
<div class="dialog" data-name="wechat">
  <h2 class="title title2">在“微信”中打开链接吗？</h2>
  <div class="dialog-footer h_box">
    <a class="dialog-btn flex_1" onclick="hideDiv('wechat')">取消</a>
    <a href="javascript:void(0)" class="dialog-btn flex_1">打开</a>
  </div>
</div>
<div class="dialog" data-name="paySucess">
  <div class="dialog-body">请在新开的页面完成支付</div>
  <div class="dialog-footer">
    <a href="javascript:void(0)" class="dialog-btn1">已完成支付</a>
    <a class="dialog-btn1" onclick="hideDiv('paySucess')">重新选择支付方式</a>    
  </div>
</div>
<!-- 页面 -->
<div class="page">
  <div class="shoppingInfo">
    <ul>
      <li class="h_box flex_pjustify">
        <label for="shopping">商品</label>
        <div id="shopping">帕萨特2014款1.8TSI DSG...等三件</div>
      </li>
      <li class="h_box flex_pjustify">
        <label for="cash">订单金额</label>
        <div id="cash">448.00元</div>
      </li>
    </ul>
  </div>
  <div class="payFor">
    <h2>支付方式</h2>
    <ul>
      <li class="h_box" onclick="showDiv('zhifubao')">
        <i class="icons-PF zhifubao"></i>
        <div>支付宝支付</div>
      </li>
      <li class="h_box" onclick="showDiv('wechat')">
        <i class="icons-PF wechat"></i>
        <div>微信支付<span>(版本6.0.2及以上)</span></div>
      </li>
      <li>
        <a href="yinlian.html" class="h_box">
          <i class="icons-PF yinlian"></i>
          <div>银联支付<span>(支持8家银行信用卡和储蓄卡)</span></div>
        </a>
      </li>
    </ul>
  </div>
  <div class="warm">*请在<span id="countDown"></span>钟内完成支付，超时订单将关闭。</div>
</div>
<script src="http://s1.cximg.com/cxlib/assets/js/zepto/zepto-1.1.4.min.js"></script>
<script src="../resources/js/countDown.js"></script>
<script src="../resources/js/base.js"></script>
</body>
</html>